<template>
    <el-menu
        default-active="2"
        class="el-menu-vertical-demo"
        style="min-height: 100vh; overflow-x: hidden"
        @open="handleOpen"
        @close="handleClose"
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b"
    router=true>
      <div>
        <img src="@/assets/logo.png"
             style="width: 25px; position: relative; top: 7px; margin-right: 5px"
        >
        <b style="color: white;font-size: 15px;margin-right: 7px" >黔言管理系统</b>
      </div>
      <el-menu-item index="/manage/file">
        <i class="el-icon-menu"></i>
        <span slot="title">语言管理</span>
      </el-menu-item>
      <el-menu-item index="/manage/regionFile">
        <i class="el-icon-files"/>
        <span>语音地区管理</span>
      </el-menu-item>
      <el-menu-item index="/manage/question">
        <i class="el-icon-files"/>
        <span>题目管理</span>
      </el-menu-item>
    </el-menu>
</template>

<script>
export default {
  name: "Aside",
  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    }
  }
}
</script>

<style>
</style>